<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .box{
            width: 509px;
            height: 270px;
            /*border: 1px solid #000;*/
            margin:100px auto;
            background:url(image/shark1.png) left top;
            animation: move 1s steps(8) infinite;
        }

        @keyframes move {
            0%{

            }

            100%{
                background-position: left -2160px;
            }
        }


    </style>
</head>
<body>
    <div class="box">

    </div>
</body>
</html>